<template>
  <view class="container">
     <top-tabs :tabs="tabs" @changeTab="changeTab"/>
    <!-- <view class="emty">
      <image class="emtyImg" :src="$mConfig.imageUrl + '/image/emtyImg.png'"></image>
      <view class="word">
        <view>还没有<br />招聘信息赶紧去发布</view>
      </view>
    </view> -->
    <view class="list-cont">
      <position-list v-for="item in 4">
        <view class="btn-list flex">
          <view class="btn red" v-if="item==0">关闭职位</view>
           <view class="btn blue" v-if="item==1">失败原因</view>
           <view class="btn blue" v-if="item==2">重新发布</view>
            <view class="btn gray" v-if="item==3">取消招聘</view>
           
          <view class="btn" v-if="item!=3">编辑职位</view>
        </view>
      </position-list>
    </view>
    
   <bottom-button :isFixed="true" :bgColor="bgColor" @sendFun="addFun" text="发布正式工招聘信息"></bottom-button>
  </view>
</template>

<script>
export default {
  data() {
    return {
    tabs:[
          {label:'全部',value:1},
          {label:'招聘中',value:2},
          {label:'审核中',value:3},
          {label:'审核失败',value:4},
          {label:'已关闭',value:5},
        ],
        bgColor:'#F3F5FA'
    }
  },
  methods: {
    addFun(){
      uni.navigateTo({
        url: '/pages/user/positionManagement/addPosition',
      })
    },
    changeTab(){}
  },
}
</script>
<style>
page{
  background: #F3F5FA;
}
</style>
<style lang="scss" scoped>
.container {
  .content-box {
    padding: 0 20rpx;
  }
  .emty {
    padding: 140rpx;
    text-align: center;
    .emtyImg {
      width: 306rpx;
      height: 306rpx;
      margin-bottom: 76rpx;
    }
    .word {
      font-weight: bold;
      font-size: 36rpx;
      color: #222222;
      line-height: 64rpx;
    }
  }
  .btn-list{
    .btn{
      width: 176rpx;
      line-height: 64rpx;
      background: #3A92FF;
      border-radius: 10rpx;
      color: #fff;
      text-align: center;
      font-size: 28rpx;
      margin-left: 26rpx;
    }
    .red{
      background: #FB7979;
    }
    .blue{
      background: #24C9FF;
    }
    .gray{
      background: #EDEDED;
    }
  }
  .list-cont{
    margin-top: 20rpx;
    padding-bottom: 140rpx;
  }
}
</style>
